// 不换行
no-wrap()
  text-overflow: ellipsis
  overflow: hidden
  white-space: nowrap
// 背景光的旋转
@keyframes circle
  from
    transform: rotate(0deg)
  to
    transform: rotate(360deg)
// 从小变大
@keyframes custom
  from
    transform scale(.1)
  to
    transform scale(1)
// 从大变小
@keyframes enlarge
  from
    transform: scale(1)
  to
    transform: scale(1.1)
// 奖品展示从左到右
@keyframes prizeAnimate
  from
    left -100vw
  to
    left 0
//
// 奖品展示从右到左
@-webkit-keyframes prizeAnimateLeft
  from
    right -100vw
  to
    right 0
@-webkit-keyframes prizeAnimateRight
  from
    right 0
  to
    right -100vw
@keyframes prizeAnimateLeft
  from
    right -100vw
  to
    right 0
@keyframes prizeAnimateRight
  from
    right 0
  to
    right -100vw
// 信号的发射动画
@-webkit-keyframes run1
  0%
    opacity 0
  33%
    opacity .8
  66%
    opacity 0
  100%
    opacity 0
@keyframes run1
  0%
    opacity 0
  33%
    opacity .8
  66%
    opacity 0
  100%
    opacity 0
@-webkit-keyframes run2
  0%
    opacity 0
  33%
    opacity 0
  66%
    opacity .8
  100%
    opacity 0
@keyframes run2
  0%
    opacity 0
  33%
    opacity 0
  66%
    opacity .8
  100%
    opacity 0
@keyframes run3
  0%
    opacity 0
  33%
    opacity 0
  66%
    opacity 0
  100%
    opacity .8
@-webkit-keyframes run3
  0%
    opacity 0
  33%
    opacity 0
  66%
    opacity 0
  100%
    opacity .8
// 骰子的摆动
@-webkit-keyframes rock
  0%
    transform translateY(0) rotate3d(.6,.6,1,180deg)
  16%
    transform translateY(vw(8)) rotate3d(.6,.6,1,180deg)
  33%
    transform translateY(vw(16)) rotate3d(.6,.6,1,180deg)
  50%
    transform translateY(0) rotate3d(.6,.6,1,180deg)
  66%
    transform translateY(vw(-8)) rotate3d(.6,.6,1,180deg)
  83%
    transform translateY(vw(-16)) rotate3d(.6,.6,1,180deg)
  100%
    transform translateY(0) rotate3d(.6,.6,1,180deg)
@keyframes rock
  0%
    transform translateY(0) rotate3d(.6,.6,1,180deg)
  16%
    transform translateY(vw(8)) rotate3d(.6,.6,1,180deg)
  33%
    transform translateY(vw(16)) rotate3d(.6,.6,1,180deg)
  50%
    transform translateY(0) rotate3d(.6,.6,1,180deg)
  66%
    transform translateY(vw(-8)) rotate3d(.6,.6,1,180deg)
  83%
    transform translateY(vw(-16)) rotate3d(.6,.6,1,180deg)
  100%
    transform translateY(0) rotate3d(.6,.6,1,180deg)
// 点击开始抽奖，骰子的转动
@-webkit-keyframes turn
  0%
    transform translateZ(vw(-90)) rotateX(0deg) rotateY(0deg) rotateZ(0deg)
  16%
    transform translateZ(vw(-90)) rotateX(180deg) rotateY(180deg) rotateZ(0deg)
  33%
    transform translateZ(vw(-90)) rotateX(360deg) rotateY(90deg) rotateZ(180deg)
  50%
    transform translateZ(vw(-90)) rotateX(360deg) rotateY(360deg) rotateZ(360deg)
  66%
    transform translateZ(vw(-90)) rotateX(180deg) rotateY(360deg) rotateZ(270deg)
  83%
    transform translateZ(vw(-90)) rotateX(270deg) rotateY(180deg) rotateZ(180deg)
  100%
    transform translateZ(vw(-90)) rotateX(360deg) rotateY(360deg) rotateZ(360deg)
@keyframes turn
  0%
    transform translateZ(vw(-90)) rotateX(0deg) rotateY(0deg) rotateZ(0deg)
  16%
    transform translateZ(vw(-90)) rotateX(180deg) rotateY(180deg) rotateZ(0deg)
  33%
    transform translateZ(vw(-90)) rotateX(360deg) rotateY(90deg) rotateZ(180deg)
  50%
    transform translateZ(vw(-90)) rotateX(360deg) rotateY(360deg) rotateZ(360deg)
  66%
    transform translateZ(vw(-90)) rotateX(180deg) rotateY(360deg) rotateZ(270deg)
  83%
    transform translateZ(vw(-90)) rotateX(270deg) rotateY(180deg) rotateZ(180deg)
  100%
    transform translateZ(vw(-90)) rotateX(360deg) rotateY(360deg) rotateZ(360deg)
// 手指的摇摆
@-webkit-keyframes finger
  0%
    transform rotate(0deg)
  25%
    transform rotate(5deg)
  50%
    transform rotate(0deg)
  75%
    transform rotate(-5deg)
  100%
    trasform rotate(0deg)
@keyframes finger
  0%
    transform rotate(0deg)
  25%
    transform rotate(5deg)
  50%
    transform rotate(0deg)
  75%
    transform rotate(-5deg)
  100%
    trasform rotate(0deg)

